<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
	<title>Ninja Zombie Games</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script src="/js/json.min.js"></script>

	<script type="text/javascript">
	$(document).ready(function(){
	/*console.log('hello world');
                $("#facebookUserModel").submit(function() {
                	var facebookUser = $(this).serializeObject();
				$.postJSON("/highscore/friends/get", {"facebookId":"1112222","highscore":"23456", "friends": [{"facebookId":"2222","highscore":"34523"},{"facebookId":"111","highscore":"34523"}]}, function(data) {
				    alert('fuck');
				});
                    return false;
                });
    });*/
	</script>
</head>
<body>
<form method="post" action="/highscore/submit">
<label>Initial</label>
<input type="text" name="i"/>
<label>highscore</label>
	<input type="text" name="h"/>

	<input type="submit"/>
</form>

<form id="facebookUserModel" name="facebookUserModel" method="post" action="highscore/friends/submit">
<label>facebookId</label>
<input type="text" id="facebookId" name="facebookId" value="1234212312"/>
<label>highscore</label>
<input type="text" id="highscore" name="highscore" value="12223344"/>

<label>facebookId [0]</label>
<input type="text" name="friends.facebookId" value="22332211"/>
<label>highscore [0]</label>
<input type="text" name="friends.highscore" value="1123"/>
<label>facebookId [1]</label>
<!--
<input type="text" name="friends[1].facebookId" value="22332311"/>
<label>highscore [1]</label>
<input type="text" name="friends[1].highscore" value="11234"/>-->
<input type="submit"/>
</form>
</body>
</html>